﻿@using xConnected.Common.Login
<div align="center">
    <div class="input-prepend input-append">
        <div class="dropdown add-on">
            <a class="dropdown-toggle"
               data-toggle="dropdown"
               href="#">
                <span style="font-size: smaller" data-bind="text: $root.searchModel"></span>
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
                <li>
                    <a href="#" style="font-size: smaller" data-bind="click: function() { $root.setExpertsSearch(); }"><span data-bind="css: { 'boldText': $root.searchModel() == 'Experts'}">@Login.Experts</span></a>
                </li>
                <li>
                    <a href="#" data-bind="click: function(){ $root.setCompaniesSearch(); }"  style="font-size: smaller"><span data-bind="css: { 'boldText': $root.searchModel() == 'Companies'}">@Login.Companies</span></a>
                </li>
                <li>
                    <a href="#" data-bind="click: function(){ $root.setPositionsSearch(); }"  style="font-size: smaller"><span data-bind="css: { 'boldText': $root.searchModel() == 'Positions'}">@Login.Positions</span></a>
                </li>
            </ul>
        </div>
        <input type="text" style="width: 400px;"/>
        <a data-bind="click: function(){ $root.simpleSearch(); }" class="add-on"><i class="icon-search"></i></a>
    </div>
</div>